import { useMemo } from "react";

import { SvgProps } from "./";

/** 我的 界面 学习记录 部分 */
export default function Record({ className, onClick }: SvgProps) {
  return useMemo(
    () => (
      <svg
        className={className}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="34510"
        onClick={onClick}
      >
        <path
          d="M540.860772 966.783479A427.090819 427.090819 0 1 0 113.769953 540.830052 427.090819 427.090819 0 0 0 540.860772 966.783479z"
          p-id="34511"
          opacity=".4"
          data-spm-anchor-id="a313x.7781069.0.i26"
          className="primary-l-fill"
        ></path>
        <path
          d="M1007.191627 640.920577a31.278289 31.278289 0 0 1-38.67134 22.747846 31.846985 31.846985 0 0 1-23.316542-38.671339 446.426489 446.426489 0 1 0-159.803622 241.69587 31.846985 31.846985 0 0 1 44.926997 5.686962 32.415681 32.415681 0 0 1-5.686962 44.926997A511.826548 511.826548 0 1 1 1023.683815 511.826548a518.650902 518.650902 0 0 1-16.492188 129.094029z m-86.441817 178.570595a31.846985 31.846985 0 0 1-51.182655-38.102643 435.621262 435.621262 0 0 0 25.591327-37.533946 31.846985 31.846985 0 0 1 56.869617 32.984377q-15.923493 22.17915-31.278289 42.652212z"
          fill="#2c2c2c"
          p-id="34512"
          data-spm-anchor-id="a313x.7781069.0.i25"
          className="on-bg-l-fill"
        ></path>
        <path
          d="M523.231191 501.590017h234.30282a34.12177 34.12177 0 1 1 0 68.243539h-272.974159A34.12177 34.12177 0 0 1 454.987651 534.574394V242.833262a34.12177 34.12177 0 1 1 68.24354 0z"
          p-id="34513"
          className="primary-l-fill"
        ></path>
      </svg>
    ),
    [onClick]
  );
}
